<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿写页面</title>
    <link rel="stylesheet" href="index.css">
    <link href="/img/logo.ico" rel="shortcut icon">

</head>

<body>
    <header>
        <div class="navs">
            <ul>
                <li>
                    <a href="https://www.baidu.com/">プロダクト</a>
                </li>
                <li>
                    <a href="www.baidu.com">サービス</a>
                </li>
                <li>
                    <a href="www.baidu.com">実績</a></li>
                <li>
                    <a href="www.baidu.com">ニュース</a>
                </li>
                <li><a href="www.baidu.com">フェンリルについて</a></li>
                <li><a href="www.baidu.com">採用</a></li>
            </ul>
        </div>
    </header>

    <main>
        <div class="box">
            <div class="content">
                <h1>デザインと技術を最大の強みとするプロフェッショナル集団。</h1>
                <p>専門性を超えたチームワークから生まれるプロダクトやサービスを通じて、<br>
                    ユーザーにハピネスを届けることを使命としています。</p>
            </div>
        </div>
        <div class="box1">
            <div class="content">
                <h1>デザイン</h1>
                <p>課題を見つけ、本質を理解し、最高のアイディアで解決する。その姿勢こそがフェンリルのデザインです。
                    大胆に核心を突くデザインを生み出しているのは、創業時からデザインの重要性に着目し築いてきた、デザインを第一に考える文化。プロダクトデザインやサービスデザインにとどまらず、あらゆる領域で妥協することなくクリエイティビティを発揮します。
                </p>
            </div>
        </div>
        <div class="box2">
            <div class="content">
                <h2>技術</h2>
                <p>フェンリルの技術は、アイディアを形にする手段であると同時に、新しい価値を生み出す資源です。数多くの開発実績によって積み重ねた知見は、そのクオリティをさらに高めます。<br>
                    流行を追うのではなく、本当に価値のあるものを見極めてスキルを磨く。困難な課題を当たり前のように解決し、プロダクトやサービスの先にある、ユーザーのハピネスを実現します。</p>
            </div>
        </div>
        <div class="box3">
            <div class="content ">
                <h2>プロフェッショナル</h2>
                <p>フェンリルが追求するプロフェッショナル性とは、究極の目的志向です。私たちの仕事はその手法を使いこなすことではなく、目的を成し遂げること。
                    <br>そのためには使い慣れた手法をあえて捨てることもいとわず、常に最良のアプローチを模索します。
                    <br>ひとりひとりが強みを磨き、協調して課題に向き合い、ユーザーやお客様の想像を超えるものを提供しています。</p>
            </div>
        </div>
        <div class="box4">
            <div class="content ">
                <h2>体験</h2>
                <p>革新的なプロダクトやサービスを生み出すために必要とされるのはデザインと技術。そして、その分野への深い理解です。フェンリルでは、それらが“体験”によって得られると考え、ひとりひとりが新しい体験を増やすための制度をつくり、推進しています。
                    <br>私たちの活躍できる分野が広がれば、より多くの人々のハピネスに貢献できると信じています。
                </p>
                <h2>知の道具</h2>
                <p>
                    フェンリルが得意とするのは、知識を集約し知恵を生み出す、知の道具です。<br>
                    創業のきっかけであるSleipnirをはじめ、フェンリルの、またはお客様と共同でつくるプロダクトとして、数多くの知の道具を生み出してきました。私たちのデザインと技術を存分に発揮できる分野であるそれらは、ユーザーやお客様の目的達成を助け、ハピネスを生み出しています。
                </p>
            </div>
        </div>
        <div class="box5">
            <div class="content ">
                <h2>模仿</h2>
                <p>革新的なプロダクトやサービスを生み出すために必要とされるのはデザインと技術。そして、その分野への深い理解です。フェンリルでは、それらが“体験”によって得られると考え、ひとりひとりが新しい体験を増やすための制度をつくり、推進しています。
                    <br>私たちの活躍できる分野が広がれば、より多くの人々のハピネスに貢献できると信じています。
                </p>
               
            </div>
        </div>
    </main>

    <section class="first">
        <div class="content">
            <h1>フェンリルのクレド</h1>
            <p>フェンリルは、 デザインにこだわったプロダクトで お客様が<br>ハピネスな気持ちになることを、
                もっとも大切な使命と<br>こころえています。私たちがプロダクトをデザインするときは、<br>他との明らかな違い、
                問題の本質的な解決、わかりやすい凄さ、<br>そしてひとりが決めることを<br>大切にしています。
            </p>
            <ul>
                <li>私は、自分のことが大好きで、自分の人生が一番大切です。</li>
                <li>私は、フェンリルの想いもちょっとだけ大切にします。</li>
                <li>私は、自分がハピネスを感じたのなら、周りもハピネスにします。</li>
                <li>私は、新たな体験を増やし、新しいものを生み出します。</li>
                <li>私は、誰よりも細部までこだわってデザインします。</li>
                <li>私は、自信を持って提供できるプロダクトをつくります。</li>
                <li>私は、よく考え、きちんと伝え、より良くします。</li>
                <li>私は、小さな約束を大切にします。</li>
                <li>私は、邪悪なことはしません。</li>
                <li>私は、みなさんの秘密を守ります。</li>
                <li>私は、プロフェッショナルです。</li>
                <li>私は、自分のことが大好きで、自分の人生が一番大切です。</li>
                <li>私は、フェンリルの想いもちょっとだけ大切にします。</li>
                <li>私は、自分がハピネスを感じたのなら、周りもハピネスにします。</li>
                <li>私は、新たな体験を増やし、新しいものを生み出します。</li>
                <li>私は、誰よりも細部までこだわってデザインします。</li>
                <li>私は、自信を持って提供できるプロダクトをつくります。</li>
                <li>私は、よく考え、きちんと伝え、より良くします。</li>
                <li>私は、小さな約束を大切にします。</li>
                <li>私は、邪悪なことはしません。</li>
                <li>私は、みなさんの秘密を守ります。</li>
                <li>私は、プロフェッショナルです。</li>
            </ul>
            <h2>従業員との約束</h2>
            <p>デザインにこだわった素晴らしいプロダクトを<br>提供する上で、プロフェッショナルなみなさんが<br>もっとも大切な資源ですそして、みなさんの体験こそがプロダクトを<br>生み出すアイディアのもとになります。<br>そのために、今まで経験したことがないことを<br>新たに体験できる環境を整備します。
            </p>
        </div>
    </section>

    <section class="second">
        <h1>デザインストーリー</h1>
        <p>フェンリルからお届けするもの<br class="sp">一つひとつに込めた想い。<br>そんなデザインの裏側に触れてください。</p>
        <ul class="hide">
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/business-card-executive/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2021/03/business_card_executive_pc.jpg"></span>
                    <span class="title">工芸的なデザインの<br>役員名刺</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/card-illumination/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2021/01/holidayscard_top_PC.jpg"></span>
                    <span class="title">幻想的な世界へ導く<br>光と音で彩るカード</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/reusable-bag/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/12/cover_PC.jpg"></span>
                    <span class="title">資源を大切に使った<br>エコなバッグ</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/id-card/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/09/idcard_pc.png"></span>
                    <span class="title">名札としての社員証</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/business-card/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/06/business_card_pc.png"></span>
                    <span class="title">アナログに意味性がある名刺</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/card-tree/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/card_tree_top_pc.jpg"></span>
                    <span class="title">楽しい冬の体験を<br>届けるカード</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/curry/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/DSC3131.jpg"></span>
                    <span class="title">カレーのための<br>パッケージ</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/recruitment-brochure-2019aw/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works_recruitment-brochure-2019AW_cover.jpg"></span>
                    <span class="title">スタッフの声で構成した<br>パンフレット</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/water-everyone/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-water-everyone-cover.jpg"></span>
                    <span class="title">日本各地から<br>集めたボトルウォーター</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/fragrance-thewarmwind/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-fragrance-thewarmwind-cover.jpg"></span>
                    <span class="title">ブランドの姿勢を現した<br>フレグランス</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/package-chocolate/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-package-chocolate.jpg"></span>
                    <span class="title">チョコレートを飾る<br>パッケージ</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/card-star/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-card-star-cover.jpg"></span>
                    <span class="title">星のオブジェが<br>現れるカード</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/vr-goggles/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-vr-goggles-cover.jpg"></span>
                    <span class="title">瞬時に組み立つ<br>VRゴーグル</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/card-slide/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-card-slid.jpg"></span>
                    <span class="title">引き出すと絵が現れるカード</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/package-caramel/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-package-caramel-1.jpg"></span>
                    <span class="title">浮かぶキャラメルのパッケージ</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/aurata/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-aurata.jpg"></span>
                    <span class="title">ホログラムの<br>水面を泳ぐ金魚</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/booth-floatablity/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-booth-2017.jpg"></span>
                    <span class="title">浮くパネルを<br>俯瞰する展示</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/sticker-triplicate/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-stickers.jpg"></span>
                    <span class="title">3枚つづりの<br>ステッカー</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/flumina/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-flumina.jpg"></span>
                    <span class="title">水差しで絵を注ぎ入れる<br>万華鏡</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/card-slit/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/christmascard-2015-stripes-set.jpg"></span>
                    <span class="title">紙の図案が<br>動き出すカード</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/booth-frontality/">
                    <span><img src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/works-booth.jpg"></span>
                    <span class="title">近づく人に<br>反応する展示</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/studio-gallery/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/studio-concept-whitecube.jpg"></span>
                    <span class="title">画廊のようなスタジオ</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/studio-table/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/studio-table-top.jpg"></span>
                    <span class="title">継ぎ目のない<br>大テーブル</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/studio-shelf/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/studio-bookshelf-collections.jpg"></span>
                    <span class="title">自由に置ける<br>本棚</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/studio-cutting/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/studio-cuttingtable-glass.jpg"></span>
                    <span class="title">ガラスの<br>カッティングテーブル</span>
                </a>
            </li>
            <li class="">
                <a href="https://www.fenrir-inc.com/jp/about/studio-counter/">
                    <span><img
                            src="https://storage.googleapis.com/www-fenrir-inc-com/2020/04/studio-counter-trashes.jpg"></span>
                    <span class="title">ゴミ箱を備えた<br>カウンタ</span>
                </a>
            </li>
        </ul>

    </section>

    <section class="third">
        <h1>プロフェッショナルたちによるストーリー</h1>
        <p>それぞれにストーリーがあるフェンリルのプロフェッショナルたちが、<br>
            様々なことに向き合うなかで生まれる  ストーリーに迫ります。
        </p>
        <ul>
            <li class=""><a href="https://insight.fenrir-inc.com/jp/story/vol010" target="_blank">
                    <figure class="fade-in_img load_img_bg"
                        data-src="https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_0.jpg?21101501"
                        style="background-image: url(&quot;https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_0.jpg?21101501&quot;);">
                    </figure>
                    <h2 class="title">成長のために前進を続ける ──理念を体現するコロナ禍の会社経営</h2>
                </a></li>
            <li class=""><a href="https://insight.fenrir-inc.com/jp/story/vol009" target="_blank">
                    <figure class="fade-in_img load_img_bg"
                        data-src="https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_1.jpg?21101501"
                        style="background-image: url(&quot;https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_1.jpg?21101501&quot;);">
                    </figure>
                    <h2 class="title">呼応するチームの力　成長する現場でチャレンジを続けること</h2>
                </a></li>
            <li class=""><a href="https://insight.fenrir-inc.com/jp/story/vol008" target="_blank">
                    <figure class="fade-in_img load_img_bg"
                        data-src="https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_2.jpg?21101501"
                        style="background-image: url(&quot;https://www.fenrir-inc.com/wp/wp-content/themes/www.fenrir-inc.com/img/common/media/fenrir-insight_2.jpg?21101501&quot;);">
                    </figure>
                    <h2 class="title">光をつくる存在として プロジェクトリーダーが導く未来</h2>
                </a></li>
        </ul>
        <p class="more"><a class="commonBtn_P" href="https://insight.fenrir-inc.com/jp/">
                <fd-width class="full">フェンリルインサイトを見る</fd-width>
            </a></p>
            

    </section>

    <section class="fourth">
        <ul>
            <li><a href="/jp/about/company/">会社情報</a></li>
            <li><a href="/jp/about/history/">これまでの歩み</a></li>
        </ul>
    </section>

    

    <footer>
        <div class="lis">
            <div class="box">
                <dl>
                    <dt>プロダクト</dt>
                    <dd>Sleipnir TV</dd>
                    <dd>Sleipnir Mobile</dd>
                    <dd>Sleipnir</dd>
                    <dd>Brushup</dd>
                    <dd>VLabo</dd>
                    <dd>Picky-Pics</dd>
                    <dd>BoltzEngine</dd>
                    <dd>FenrirFS</dd>
                    <dd>SnapCrab</dd>
                    <dd>PictBear</dd>
                    <dd>Sleipnir 4 for Windows</dd>
                    <dd>プロダクトサポート</dd>
                </dl>
            </div>

            <div class="box">
                <dl>
                    <dt>サービス</dt>
                    <dd>UXデザイン</dd>
                    <dd>UXデザイン</dd>
                    <dd>スマートフォンアプリ開発</dd>
                    <dd>Sウェブ開発</dd>
                    <dd>ブランディング</dd>
                    <dd>ウェブ開発</dd>
                    <dd>品質管理</dd>
                    <dd>クラウド活用推進 GIMLE（ギムレ）</dd>
                
                    <dt class="sec-dt">実績</dt>
                    <dd>一般</dd>
                    <dd>エンタープライズ</dd>


                </dl>
            </div>
            <div class="box">
                <dl>
                    <dt>ニュース</dt>
                    <dd>プレスリリース</dd>
                    <dd>プロダクト</dd>
                    <dd>採用情報</dd>
                    <dd>イベント</dd>
                    <dd>メディア掲載</dd>
                    <dd>その他</dd>
                    <dt class="sec-dt">フェンリルについて</dt>
                    <dd>会社情報</dd>
                    <dd>これまでの歩み</dd>

                </dl>
            </div>
            <div class="box">
                <dl>
                    <dt>採用</dt>
                    <dd>ソーシャルアカウント</dd>
                    <dd>採用メニューを開く</dd>
                    <dd>インターンシップ</dd>
                    <dd>ソーシャルアカウント</dd>
                    <dd>関連サイト</dd>
                    <dd>アーカイブ</dd>
                    <dd>プライバシーポリシー</dd>
                    <dd>情報セキュリティへの取り組み</dd>
                </dl>
            </div>
        </div>


        <div class="footer_bottom">
            <a class="commonBtn_P" href="/jp/inquiry/">お問い合わせ</a>

            <small class="title">© 2021-10-15 made from PH.</small>
        </div>
    </footer>
</body>


<script>
    //axios交互
    //     getUserCommentInfo() {
    // }
    //             // let data = {
    //             //     skuId: id
    //             // }

    //             axios({
    //                 headers: {
    //                     Accept: "application/json ",
    //                     'Content-Type': 'application/x-www-form-urlencoded',
    //                 },
    //                 dataType: 'json',
    //                 method: 'post',
    //                 data: qs.stringify(),
    //                 url: '/datastatistics/ctrip_hotel_review_keywords',
    //             }).then(res => {
    //                 if (res.data.error !== 0) {
    //                     alert(res.data.msg);
    //                 } else {
    //                     this.getUserInfo = res.data.list.goodTagDist;
    //                     this.badTagDist1 = res.data.list.badTagDist;
    //                 }

    //             }).catch(err => {
    //                 console.log(err);
    //             })
            
</script>
</html>